<style>
        .prototype .span-path {
            font-size: 12px;
            margin-left: 5px;
        }
        .prototype .panel-heading p {
           margin: 0px;
        }
        .prototype .settings .btn{
           top: 150px;
        }
    </style>
    <div class="row mm-loading prototype">
        <div class="col-sm-12 prototype-content">
            <div class="form-horizontal">
                <div ng-class="classStyle" id="prototypePanel">
                    <div class="panel-heading">
                        <div ng-if="showUsedTitle" style="color: red;"><i class="fa fa-exclamation-circle"></i> 由于版本被需求【{{reqName || "master"}}】修改过，请检查并同步该功能点后，请点击按钮&nbsp;<i class="fa fa-hand-o-right"></i>&nbsp;&nbsp;&nbsp;<span class="label label-danger" ng-click="resolveReq()">解决冲突</span></div>
                        <div ng-if="showEditTitle"><i class="fa fa-bullhorn"></i> 当前状态不可编辑！点击左侧<span class="label label-success">修改</span>按钮后，即可编辑该数据！</div>
                        <div ng-style="{display: $ctrl.featureIndex ? 'inline' : ''}">
                            <label class="checkbox-inline" ng-show="!isReadOnly">
                                <input type="radio" name="{{featureId}}genre" value="{{featureId}}chartlet" ng-model="genreType" ng-click="clickGenre('chartlet')" ng-disabled="showEditTitle || $ctrl.featureIndex"> 贴图
                            </label>
                            <label class="checkbox-inline" ng-show="!isReadOnly">
                                <input type="radio" name="{{featureId}}genre" value="{{featureId}}axure" ng-model="genreType" ng-click="clickGenre('axure')" ng-disabled="showEditTitle || $ctrl.featureIndex"> Axure
                            </label>
                            <label class="checkbox-inline" ng-show="!isReadOnly">
                                <input type="radio" name="{{featureId}}genre" value="{{featureId}}expression" ng-model="genreType" ng-click="clickGenre('expression')" ng-disabled="showEditTitle || $ctrl.featureIndex"> 表达式原型
                            </label>
                            <label class="checkbox-inline pull-right" ng-hide="isMaster">
                                <input type="radio" name="{{featureId}}status" value="{{featureId}}compare" ng-model="prototypeType" ng-click="clickStatus('compare')" ng-disabled="showEditTitle"> 对比
                            </label>
                            <label class="checkbox-inline pull-right" ng-hide="isMaster">
                                <input type="radio" name="{{featureId}}status" value="{{featureId}}online" ng-model="prototypeType" ng-click="clickStatus('online')" ng-disabled="showEditTitle"> 线上
                            </label>
                            <label class="checkbox-inline pull-right" ng-hide="isMaster">
                                <input type="radio" name="{{featureId}}status" value="{{featureId}}current" ng-model="prototypeType" ng-click="clickStatus('current')" ng-disabled="showEditTitle"> 当前
                            </label>
                        </div>
                    </div>
                    <div class="panel-body" ng-show="isAxure == 'expression'" id="expressionPanel">
                        <div class="col-sm-12">
                            <div class="panel panel-default">
                                <div class="panel-heading font-bold" style="text-align: right;" ng-if="!isReadOnly && !isOnline">
                                    <select class="input-sm form-control w-sm inline v-middle" ng-model="selectedItem" ng-change="sltExpression(selectedItem)" ng-show="!isSave">
                                        <option value="default">请选择模板</option>
                                        <option value="table">table</option>
                                        <option value="tab-table">tab-table</option>
                                        <option value="form">form</option>
                                        <option value="text-form">text-form</option>
                                        <option value="flow">flow</option>
                                        <option value="form-tab-table">组合模板</option>
                                    </select>
                                    <button class="btn btn-xs btn-success" ng-show="!isSave" ng-click="saveExpression()">保存</button>
                                    <button class="btn btn-xs btn-danger" ng-show="!isSave" ng-click="clearExpression()">清空</button>
                                    <button class="btn btn-xs btn-default" ng-show="!isSave" ng-click="cancelExpression()">取消</button>
                                    <button class="btn btn-xs btn-info" ng-show="isSave" ng-click="editExpression()">编辑</button>
                                </div>
                                <div class="panel-body" ng-if="!onlineIframe || isCompare">
                                    <div ng-if="!isSave">
                                        <textarea id="panelTextarea" class="form-control" rows="10" ng-model="info.expression"></textarea>
                                    </div>
                                    <br/>
                                    <div ng-if="isSave" style="margin-top: -20px;">
                                        <div ng-if="!expressionData">暂无数据！</div>
                                        <div ng-repeat="trans in expressionData track by $index" ng-if="expressionData">
                                            <m-transform-content trans-type="trans.type" trans-data="trans.data"></m-transform-content>
                                        </div>
                                    </div>
                                </div>
                                <div class="panel-body" ng-if="onlineIframe || isCompare" style="border-top: 1px solid #edf1f2;">
                                    <div ng-if="!isSave">
                                        <textarea id="panelTextarea2" class="form-control" rows="10" ng-model="info.expression"></textarea>
                                    </div>
                                    <br/>
                                    <div ng-if="isSave" style="margin-top: -20px;">
                                        <div ng-if="!expressionMasterData">暂无数据！</div>
                                        <div ng-repeat="trans in expressionMasterData track by $index" ng-if="expressionMasterData">
                                            <m-transform-content trans-type="trans.type" trans-data="trans.data"></m-transform-content>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="panel-body" ng-show="isAxure == 'chartlet'">
                        <div class="alert alert-danger" role="alert" ng-show="!showPrototypePanel">
                            <strong>错误！</strong> 获取原型数据失败，请联系系统管理员！
                        </div>
                        <div class="form-group hide" ng-if="showSwitch" ng-show="showPrototypePanel">
                            <div class="col-sm-12">
                                <label class="i-switch i-switch-sm bg-info m-t-xs m-r">
                                    <input type="checkbox" ng-model="isOnline" ng-change="switchChange(isOnline)" ng-checked="isOnline ? true : false" ng-disabled="!editHtml">
                                    <i></i>
                                </label>
                                <label class="control-label"><span>{{!isOnline ? "当前需求" : "线上需求"}}</span></label>
                            </div>
                        </div>
                        <div class="line-lg pull-in hide" ng-if="showSwitch" ng-show="showPrototypePanel"></div>
                        <div class="form-group" ng-show="showPrototypePanel">
                            <div class="col-sm-12" ng-show="!isCompare">
                                <div ng-if="isOnline">
                                    <div ng-if="isReadOnly">
                                        <m-wysiwyg icon-type="text" mhtml="prototypeContent.prototype" mid="{{featureId}}prototype" is-edit="true" change-data="saveBlurData(value)" change-height="{{changeHeight}}" validate="false" plugin="insertImage"></m-wysiwyg>
                                    </div>
                                    <div ng-if="!isReadOnly">
                                        <div ng-if="editHtml">
                                            <m-wysiwyg ng-if="onlineIframe" icon-type="text" mhtml="prototypeContentMaster.prototype" mid="{{featureId}}prototype3212" is-edit="true" change-data="saveBlurData(value)" change-height="{{changeHeight}}" validate="false" plugin="insertImage"></m-wysiwyg>
                                            <m-wysiwyg ng-if="!onlineIframe" icon-type="text" mhtml="prototypeContent.prototype" mid="{{featureId}}prototype3213" is-edit="true" change-data="saveBlurData(value)" change-height="{{changeHeight}}" validate="false" plugin="insertImage"></m-wysiwyg>
                                        </div>
                                        <div ng-if="!editHtml">
                                            <m-wysiwyg icon-type="text" mhtml="prototypeContent.prototype" mid="{{featureId}}prototype321" is-edit="false" change-data="saveBlurData(value)" change-height="{{changeHeight}}" validate="false" plugin="insertImage"></m-wysiwyg>
                                        </div>
                                    </div>
                                </div>
                                <div ng-if="!isOnline">
                                    <div ng-if="!editHtml">
                                        <div ng-if="isReadOnly">
                                            <m-wysiwyg icon-type="text" mhtml="prototypeContent.prototype" mid="{{featureId+'11111'}}" is-edit="true" change-data="saveBlurData(value)" change-height="{{changeHeight}}" validate="false" plugin="insertImage"></m-wysiwyg>
                                        </div>
                                        <div ng-if="!isReadOnly">
                                            <m-wysiwyg icon-type="text" mhtml="prototypeContent.prototype" mid="{{featureId}}prototype0" is-edit="true" change-data="saveBlurData(value)" change-height="{{changeHeight}}" validate="false" plugin="insertImage"></m-wysiwyg>
                                        </div>
                                    </div>
                                    <div ng-if="editHtml">
                                        <m-wysiwyg icon-type="text" mhtml="prototypeContent.prototype" mid="{{featureId}}prototype1" is-edit="false" change-data="saveBlurData(value)" change-height="{{changeHeight}}" validate="false" plugin="insertImage"></m-wysiwyg>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6" ng-if="isCompare">
                                <m-wysiwyg icon-type="text" mhtml="prototypeContent.prototype" mid="{{featureId}}prototype111" is-edit="true" change-data="saveBlurData(value)" change-height="{{changeHeight}}" validate="false" plugin="insertImage"></m-wysiwyg>
                            </div>
                            <div class="col-sm-6" ng-if="isCompare">
                                <m-wysiwyg icon-type="text" mhtml="prototypeContentMaster.prototype" mid="{{featureId}}prototype12" is-edit="true" change-data="saveBlurData(value)" change-height="{{changeHeight}}" validate="false" plugin="insertImage"></m-wysiwyg>
                            </div>
                        </div>
                        <div class="form-group hide" ng-show="showPrototypePanel">
                            <label class="col-sm-1 control-label">表单：</label>
                            <div class="col-sm-10">
                                <div ng-if="isOnline">
                                    <p class="form-control-static" ng-show="!prototypeContent.form.length">暂无数据！</p>
                                    <m-trans-form transform-data="prototypeContent.form" ng-show="prototypeContent.form.length" style="margin-top: 10px;"></m-trans-form>
                                </div>
                                <div ng-if="!isOnline">
                                    <div ng-if="!editHtml">
                                        <p class="form-control-static" ng-show="!prototypeContent.form.length">暂无数据！</p>
                                        <m-trans-form transform-data="prototypeContent.form" ng-show="prototypeContent.form.length" style="margin-top: 10px;"></m-trans-form>
                                    </div>
                                    <div ng-if="editHtml">
                                        <a ng-show="transformTypeForm == 'text'" e-rows='15' e-cols='70' buttons='no' blur='submit' editable-textarea='prototypeContent.form' onaftersave='updateTransformValue("form")'>
                                            <pre>{{ prototypeContent.form || "请输入..." }}</pre>
                                        </a>
                                        <m-trans-form transform-data="prototypeContent.form" ng-show="transformTypeForm != 'text'" ng-click="clickTransform('form')" style="margin-top: 10px;"></m-trans-form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="panel-body" ng-show="isAxure == 'axure'">
                        <div class="col-sm-12" ng-hide="$ctrl.isFile">
                            <i class="fa fa-search-plus pull-right" style="font-size: 25px;margin-bottom: 10px;" ng-click="iframePlus()"></i>&nbsp;&nbsp;&nbsp;
                            <i class="fa fa-search-minus pull-right" style="font-size: 25px;margin-bottom: 10px;" ng-click="iframeMinus()"></i>
                        </div>
                        <div class="col-sm-12" ng-show="!isReadOnly && !onlineIframe">
                            <div class="col-sm-11">
                                <input id="uploadfile" ui-jq="filestyle" type="file" data-icon="false" name="prototype" data-classButton="btn btn-default" ng-disabled="isReadOnly" data-classInput="form-control inline v-middle input-s">
                                <div id="alertMsg" class="alert alert-danger col-sm-12" style="display: none; margin-top: 5px; margin-bottom: 0px;padding: 5px 15px;">上传错误，仅支持[zip]格式的文件！</div>
                                <div id="alertMsg2" class="alert alert-warning col-sm-12" style="display: none; margin-top: 5px; margin-bottom: 0px;padding: 5px 15px;">上传错误，文件不能为空！！！</div>
                            </div>
                            <div class="col-sm-1 down-file-btn" style="display: none;">
                                <button class="btn btn-default pull-right" ng-click="downFile()">下载</button>
                            </div>
                        </div>
                        <div class="col-sm-12 iframeDiv" id="{{feaId}}col-iframe" style="border: 1px solid #bce8f1; margin-top: 10px;height: 700px;"></div>
                        <div class="col-sm-12 iframeMasterDiv" id="{{feaId}}col-iframe-master" style="border: 1px solid #bce8f1; margin-top: 10px;height: 700px;" ng-show="isCompare"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12 mm-loading-icon" style="text-align: center; display: none; padding-top: 25%;">
            <i class="fa fa-spinner fa-spin fa-4x fa-fw" style="color: rgb(158, 149, 149);"></i>
        </div>
    </div>